<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" width="30%"
		  widgetVar="dialogManterCidade" id="idDialogManterCidade" closable="true"
		  appendTo="@(body)" header="Cadastrar Nova Cidade"> 	
  	
	 <link rel="stylesheet" type="text/css" href="./estilos.css"/>  
<h:form id="formDialogManterCidade" prependId="false">
<h:panelGroup id="pgFornecedorManterCidade">
 	<p:messages id="messagesFornecedorManterCidade" autoUpdate="true" closable="true" />  
    	<h:panelGrid  columns="2" style="margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Cidade*" styleClass="outputLabel"/>             
            <p:inputText value="#{fornecedorBean.cidade.idCidade}" styleClass="inputId" disabled="true"/>  
  			<p:inputText value="#{fornecedorBean.cidade.descricao}" styleClass="inputDescricao" maxlength="40">  
  				<p:ajax listener="#{fornecedorBean.ajaxGet}"/>
  			</p:inputText>
        </h:panelGrid>  
        <h:panelGrid  columns="1" style="margin-right:10%;">  
            <h:outputLabel value="DDD" styleClass="outputLabel"/>            
            <p:inputMask mask="99" value="#{fornecedorBean.cidade.ddd}" styleClass="inputId">
            	<p:ajax listener="#{fornecedorBean.ajaxGet}"/>
  			</p:inputMask>
        </h:panelGrid>  
        <h:panelGrid id="pgFornecedorCidadeEstado" columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Código" />  
            <h:outputLabel value="Estado" />         
            <h:outputLabel />
            <p:inputText value="#{fornecedorBean.cidade.estado.idEstado}" styleClass="inputId" maxlength="5">
            	<p:ajax  listener="#{fornecedorBean.onChangeEstado}" update="pgFornecedorCidadeEstado" />
            </p:inputText>  
  			<p:inputText  value="#{fornecedorBean.cidade.estado.descricao}" maxlength="40" styleClass="inputDescricao"> 
  				<p:ajax  listener="#{fornecedorBean.onChangeEstadoNull}" update="pgFornecedorCidadeEstado" />
			</p:inputText>   
  			<p:commandButton icon="ui-icon-search" actionListener="#{fornecedorBean.openDialogConsultarEstado}" ajax="true" process="@this" styleClass="commandButton" />
        </h:panelGrid>
    <p:commandButton value="Salvar" actionListener="#{fornecedorBean.saveCidade}" process="@this" update="pgFornecedorManterCidade"  /> 
	<p:commandButton value="Sair" actionListener="#{fornecedorBean.closeManterCidade}" process="@this" immediate="true" style="margin-right:20px;" /> 
</h:panelGroup>
</h:form>  	
<ui:include src="/view/fornecedor/dialogConsultarEstado.xhtml"></ui:include>
</p:dialog>
